﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="shopping2.aspx.cs" Inherits="shopping2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>产品购买二步</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/shopping.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/nav.js"></script>
  <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

  <script type="text/javascript">
      $(document).ready(function () {
          //快钱
          $('#submit_qk').click(function () {
              var payID = $(this).attr("payID");
              //document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=0&payID0=" + payID;
              document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=0";
              $('#frm').submit();
          });
          //支付宝
          $('#submit_zfb').click(function () {
              document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=2";
              $('#frm').submit();
          });

          //网银支付
          $('#btnYhfk').click(function () {
              var flag = false;
              var bankId = "";
              $("input:radio[name='bankId']").each(function () {

                  if ($(this).attr("checked") == true) {

                      bankId = $(this).val();
                      flag = true; //用来判断是否有选中项目
                  }
              });
              if (flag == true) {
                  if ($("#email").val() == "") {

                      document.getElementById("ck_email").innerText = "* 邮箱地址不能为空!";
                      $("#email").focus();

                      return false;
                  }
                  else {
                      var txt_value = $("#email").val();
                      if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt_value))) {
                          document.getElementById("ck_email").innerText = "* 请输入一个有效的邮箱地址!";
                          $("#email").focus();
                          return false;
                      }
                      document.getElementById("ck_email").innerText = "*";
                     // document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=0&bankid=" + bankId;
                      document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=11&bankid=" + bankId;
                      document.getElementById("bank_pop").style.display = "";
                      document.getElementById("fullscreem").style.display = "";
                      $('#frm').submit();
                  }

              } else {
                  alert("请选择一个选项！");
                  return false;
              }
          });

          $(function () {
              $("#email").blur(function () {
                  var txt_value = $(this).val();
                  if ($("#email").val() == "") {

                      document.getElementById("ck_email").innerText = "* 邮箱地址不能为空!";
                      $("#email").focus();

                      return false;
                  }
                  else {
                      if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt_value))) {

                          document.getElementById("ck_email").innerText = "* 请输入一个有效的邮箱地址!";
                          $(this).focus();

                          return false;
                      }

                      document.getElementById("ck_email").innerText = "* ";

                  }
              });

          })
          //信用卡支付
          $("input[name='submit_xyka']").click(function () {
              // var payid = $(this).attr("uid").val();
              var payid = $(this).attr("uid");
              document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=10&payid=" + payid;
              $('#frm').submit();
          });



          //手机IVR消费
          $('#submit_yyin').click(function () {

              var payid = $(this).attr("payid");
              document.getElementById("frm").action = "Insert_WebOrder.aspx?paytype=12&payid1=" + payid;
              $('#frm').submit();
          });


      })
 

  </script>

</head>
 
 
<body >
 
 
 <form  id="frm" name="frm" target="_blank" method="post">
<div id="wrapper">
 
<!---- 购物车头部 开始 ---->
 <ul class="shopping_header">
    <li class="logo fl"></li>
	<li class="logoright fl"></li>
	<li class="tell fr"><span class="red fw f16">400-670-6668</span><br>免费服务热线</li>
    
 </ul>
 <div class="clr"></div>
 
  <!---- 购物车头部 结束 ---->
  
  <!---- 步骤引导 开始 ---->
 <ul class="buzhou">
 <li class="readed w fw">1</li>
 <li>填写购买订单</li>
 <li class="jiantou"></li>
 <li class="reading w fw">2</li>
 <li class="fw f14">确认订单并付款</li>
 <li class="jiantou"></li>
  <li class="readed w fw">3</li>
 <li>购买成功，客服联系发货</li>
 </ul>
 <div class="clr"></div>
   <!---- 步骤引导 结束 ---->
   
     <!---- 订单信息 开始 ---->
	 <div class="xinxi mt30"><span class="f14 fw">订单提交成功！您的收货人姓名为：<span class="red"><%=uname%></span>　　电话：<span class="red"><%=tel%></span></span>
     <span class="xiugai">
    <%-- <a href="#" onclick="return history.back(-1);" >返回修改</a>--%>
     <a href="javascript:void(-1)" onclick="history.back();return false;">返回修改</a>
     </span></div>
	   <!---- 订单信息 结束 ---->
 
 <!--确认您要购买的产品并完成付款-start-->
 <div class="product">
   <div class="product_top">
   <span class="fl fw f14">请确认您要购买的产品并完成付款</span> <span class="fr xiugai">
   <%--<a href="#" onclick="return history.back(-1);">返回修改</a>--%>
   <a href="javascript:void(-1)" onclick="history.back();return false;">返回修改</a>
   </span></div>
    <div class="clr"></div>
   <div class="product_xiangxi">
   <%=buylist %>
   <%--  <ul class="product_title f14"><li class="pin">产品名称</li><li class="jia">单价</li><li class="liang">数量</li><li class="ji">小计</li></ul>--%>
    <div class="clr"></div>
  <%-- <ul class="product_zong">--%>
  <%-- <li class="product_zong1"><a href="#" class="b">益盟操盘手乾坤版</a><span class="red">（L-2高端）</span></li>
   <li class="product_zong2">16800.00元</li>
   <li class="product_zong2"><strong>1</strong>   件</li>
   <li class="product_zong3">16800.00元</li>
      <li class="product_zong1"><a href="#" class="b">益盟操盘手乾坤版</a><span class="red">（L-2高端）</span></li>
   <li class="product_zong2">16800.00元</li>
   <li class="product_zong2"><strong>1</strong>
   件</li>
   <li class="product_zong3">16800.00元</li>
   
    <li class="product_zong1"><a href="#" class="b">益盟操盘手乾坤版</a><span class="red">（L-2高端）</span></li>
   <li class="product_zong2">16800.00元</li>
   <li class="product_zong2"><strong>1</strong>
   件</li>
   <li class="product_zong3">16800.00元</li>
     <li class="product_zong1"><a href="#" class="b">益盟操盘手乾坤版</a><span class="red">（L-2高端）</span></li>
   <li class="product_zong2">16800.00元</li>
   <li class="product_zong2"><strong>1</strong>
   件</li>
   <li class="product_zong3">16800.00元</li>--%>
  <%-- </ul>--%>
   <div class="clr"></div>
   </div>   
  </div>
 <div class="money red" >合计：<%=tmpallAmount %></div>
   <div class="clr"></div>
  <!--确认您要购买的产品并完成付款-end-->
  
  
  
 <!--导航切换 开始--> 
 <div id="Tab1"> 
<div class="Menubox "> 
<ul> 
<li id="one1" onclick="setTab('one',1,3)" class="hover">网上银行付款</li> 
<%--<li id="one2" onclick="setTab('one',2,5)" >信用卡支付</li> 
<li id="one3" onclick="setTab('one',3,5)">手机语音支付</li> --%>
<li id="one2" onclick="setTab('one',2,3)">其他方式支付</li> 
<li id="one3" onclick="setTab('one',3,3)">银行汇款</li> 
</ul> 
</div> 
<div class="Contentbox"> 
<!--网上银行支付开始-->
<div id="con_one_1" class="hover">
  	 	<div class="xuan-top"><span class="fw">选择网上银行</span><span class="gray">（支持大额支付，需银行卡要先开通网上支付功能。如果在支付过程遇到问题请拨打400-670-6668）</span></div>
<hr class="xian">
	<ul class="bank">
	<li><input name="bankId" type="radio" value="ABC"  class="fl fuxuan "/><img src="images/bank_abc.gif"/></li>
	<li><input name="bankId" type="radio" value="BOC"  class="fl fuxuan"/><img src="images/bank_boc.gif"/></li>
	<li><input name="bankId" type="radio" value="CCB"  class="fl fuxuan"/><img src="images/bank_ccb.gif"/></li>
	<li><input name="bankId" type="radio" value="CEB"  class="fl fuxuan"/><img src="images/bank_ceb.gif"/></li>
	<li><input name="bankId" type="radio" value="CIB"  class="fl fuxuan"/><img src="images/bank_cib.gif"/></li>
	<li><input name="bankId" type="radio" value="CITIC"  class="fl fuxuan"/><img src="images/bank_citic.gif"/></li>
    <li><input name="bankId" type="radio" value="CMB"  class="fl fuxuan"/><img src="images/bank_cmb.gif"/></li>
    <li><input name="bankId" type="radio" value="GDB"  class="fl fuxuan"/><img src="images/bank_gdb.gif"/></li>
	<li><input name="bankId" type="radio" value="ICBC"  class="fl fuxuan"/><img src="images/bank_icbc.gif"/></li>
	<li><input name="bankId" type="radio" value="POST" class="fl fuxuan"/><img src="images/bank_post.gif"/></li>
    <li><input name="bankId" type="radio" value="SPDB" class="fl fuxuan"/><img src="images/bank_spdb.gif" /></li>
   
	</ul>
	 <div class="clr"></div>
    <%-- 留下您有效电子邮箱，可接受本次交易的支付凭证。--%>
	<div class="mt15 email"><span class="fw">填写支付邮箱：</span>
    <input id="email" type="text"  class="input" value="pay@money.cn" />
    <span id="CheckEmail" class="gray" ><label id="ck_email"  style="color:Red;" >* </label>
    </span>
    
    </div>
<hr class="xian">

	<input name="" id="btnYhfk"  value="到银行页面付款" type="button" class="shopping_anniu" />
</div> 
<!--网上银行支付结束-->
<!--信用卡支付开始-->
<div id="con_one_4" style="display:none">
    <%-- <div class="xuan-top fw">目前支持的信用卡</div>--%>
	<hr class="xian">
    
 <div class="clr"></div>

 <div class="clr"></div>
<hr class="xian">
<%-- <input name=""  value="提交" type="button" class="shopping_anniu"/>--%>
 
</div>
<!--信用卡支付结束-->
<!--手机语音支付开始-->
<div id="con_one_5" style="display:none">
  <%--   <div class="xuan-top fw">手机语音支付</div>--%>
<hr class="xian">

 <div class="clr"></div>
  <%-- 手机语音支付--%>
 
  <div class="clr"></div>
<hr class="xian"/>
<%--<input name=""  value="确认支付" type="button" class="shopping_anniu"/>--%>
 <div class="note">
 <%-- 手机语音支付--%>
 </div>
 
 
</div> 
<!--手机语音支付结束-->
 
<!--其他支付开始-->
<div id="con_one_2" style="display:none">
<div class=" fw mt15">请根据您的情况，选择合适的支付方式</div>
   <hr class="xian"/>
   <div class="other_bank">
  <fieldset class="dan">
   <img src="images/shopping-kuanqian.png" class="fl"/>
                <label for="other_bank1"><span class="other_fs">通过快钱账户支付，拥有快钱账户才能使用。</span></label>
                <input name="" id="submit_qk"  value="通过快钱账户支付" type="button" class="shopping_anniu" payID="KQ"/>
</fieldset>
<fieldset class="dan xian2">
		  <img src="images/u205.png"  class="fl mt15"/>
                <label for="boy"><span class="other_fs">通过支付宝账户支付，拥有支付宝账户才能使用。</span></label>
                <input name="" id="submit_zfb"  value="通过支付宝账户支付" type="button" class="shopping_anniu"/>
        </fieldset>
         
         <fieldset class="dan xian2">

		  <img src="images/xyk.png"  class="fl mt15"/>
                <label for="boy"><span class="other_fs">通过信用卡支付，支持多家银行信用卡支付。</span></label>
                <input name="submit_xyka" id="submit_xyka"  value="通过快钱信用卡支付" type="button" class="shopping_anniu" uid="xyk"/>
        </fieldset>

         <fieldset class="dan xian2">
		  <img src="images/yyin.png"  class="fl mt15"/>
                <label for="boy"><span class="other_fs">通过手机语音支付
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </span></label>
                <input name="" id="submit_yyin"  value="通过手机语音支付" type="button" class="shopping_anniu" payid="IVR"/>
        </fieldset>
</div>
 <div class="clr"></div>
</div> 
<!--其他支付结束-->
 
<!--账号信息开始-->

<div id="con_one_3" style="display:none">
<div class="f14 mt30">请大家汇款至益盟软件旗下上海益同软件技术有限公司以下任意账号：
</div>
<hr class="xian"/>
<ul class="banktwo">
<li class="bankl">开户行：建行上海漕河泾开发区支行<br/>卡　号：0339 0800 0400 15035<br/>收款人：上海益同软件技术有限公司</li>
<li class="bank2">开户行：农行上海漕河泾开发区支行<br/>卡　号：0339 0800 0400 15035<br/>收款人：上海益同软件技术有限公司</li>
<li class="bank3">开户行：工行上海漕河泾开发区支行<br/>卡　号：6222 0210 0100 9714 210<br/>收款人：戴勤</li>
<li class="bank4">开户行：建行上海漕河泾开发区支行<br/>卡　号：0339 0800 0400 15035<br/>收款人：上海益同软件技术有限公司</li>
</ul>
备注：(成功后需要把汇款凭条传真至公司，传真61958887，款到账后发货，如有疑问请拨打400-670-6668）
<div class="clr"></div>
</div> 

<!--账户信息结束-->
 
</div> 
</div> 
 <!--导航切换 结束 --> 
 
 
</div><!--wrapper-end-->
 </form>
 <div class="pop" id="bank_pop" style="position:absolute;top:200px; left:400px; z-index:10; display:none; background:#fff;">
<div class="pop_title f14 fw">支付提示</div>
<div class="pop_content">
<img src="images/pop_03.jpg"  class="fl"/><span class="f14 fw lh22">请在新打开的窗口上完成支付</span><br />
<div class="clr"></div>
<div class="pop_text">
1. 付款未完成前请不要关闭本页面，您在银行端完成付款后本页面会自动刷新。<br />
2. 如果银行页面没有打开，请您设置您的浏览器为允许弹出，并确保已经安装了银行的 ActiveX 安全控件，然后点击下面的“返回支付页面，重新选择”按钮，重新支付。 查看浏览器设置演示
3. 如果您多次点击产生多个银行支付窗口，请在一个窗口完成支付，其他银行窗口请直接关闭。<br/>
<a href="#" class="b">支付遇到问题，找在线客服</a><br />
<input name=""  value="返回支付页面，重新选择" type="button" class="shopping_anniu" onclick="closePop()" /><input name=""  value="已完成支付" type="button" class="shopping_anniu" onclick="return window.location.href='http://www.emoney.cn/product/index2.html';" />
</div>
</div>
</div>
<div id="fullscreem" style="display:none;background-color:#F1F1F1;filter:alpha(opacity=50);width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:5;"></div>
<script type="text/javascript">
    function closePop() {
        document.getElementById("bank_pop").style.display = "none";
        document.getElementById("fullscreem").style.display = "none";
    }
</script>
</body>
</html>
